.awards
{
	color: white;
    padding: 10px 10px 10px 10px;
    width: 972px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -512px;
    margin-bottom: 40px;
    margin-top: 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: rgba(7, 7, 7, 0.5);
}

.awards:after 
{
    clear: both;
    content: "";
    display: block;
}

.ribbons
{
float: left;
width: 73px;
height: 28px;
margin: 12px;
}

.ribbons:hover
{
box-shadow: 0px 0px 2px 2px #888;
}

.vehicles
{
float: left;
width: 254px;
height: 123px;
margin: 12px;
}

.equipments
{
float: left;
width: 165px;
height: 114px;
margin: 14px;
}
.equipments:hover
{
box-shadow: 0px 0px 2px 2px #888;
}

.specs
{
float: left;
width: 165px;
height: 114px;
margin: 14px;
}
.specs:hover
{
box-shadow: 0px 0px 2px 2px #888;
}

.weapons
{
float: left;
width: 165px;
height: 114px;
margin: 14px;
}
.weapons:hover
{
box-shadow: 0px 0px 2px 2px #888;
}

.weaponunlocks
{
float: left;
width: 100px;
height: 70px;
margin: -80px;

}

.unlocks
{
float: left;
width: 100px;
height: 60px;
margin: 10px;
}
.unlocks:hover
{
box-shadow: 0px 0px 2px 2px #888;
}

.medals
{
float: left;
width: 51px;
height: 52px;
margin: 14px 8px 14px 8px;
background-color: rgba(0, 0, 0, 0.2);
}

.medals:hover{
box-shadow: 0px 0px 2px 2px #888;
}

.locks
{
float: left;
width: 284px;
height: 71px;
margin: -10px 6px 3px 0px;
background-color: rgba(0, 0, 0, 0.2);
}

.locks:hover{
box-shadow: 0px 0px 2px 2px #888;
}

.lock2s
{
float: left;
width: 200px;
height: 100px;
margin: -100px 0px 0px 280px;
}

.arrowhorizontal
{
float: left;
position: absolute;
//margin: -5px 0px 0px -25px;
margin: -1px 0px 0px -210px;
}

.arrowvertical
{
float: left;
position: absolute;
//margin: 4px 0px 0px 460px;
margin: 86px 0px 0px 250px;
}

.numAwardsTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.numVehiclesTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.numEquipmentTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.numSpecTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.numWeaponsTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.numLocksTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.numLock2sTaken{
background-color: #000;
color: #fff;
float: right;
font-size: 11px;
}

.ribbonTransparent{
opacity: 0.1;
}
.ribbonTransparent:hover{
opacity: 1;
}

.vehicleTransparent{
opacity: 0.1;
}

.vehicleTransparent:hover{
opacity: 1;
}

.unlockTransparent{
opacity: 0.1;
}

.unlockTransparent:hover{
opacity: 1;
}

.equipmentTransparent{
opacity: 0.1;
}

.equipmentTransparent:hover{
opacity: 1;
}

.specTransparent{
opacity: 0.1;
}

.specTransparent:hover{
opacity: 1;
}

.weaponTransparent{
opacity: 0.1;
}

.weaponTransparent:hover{
opacity: 1;
}

.weapon2Transparent{
opacity: 0.1;
}

.weapon2Transparent:hover{
opacity: 1;
}

.locksTransparent{
opacity: 0.1;
}

.locksTransparent:hover{
opacity: 1;
}

.medalBar{
height: 5px;
margin: 0px;
}
.medalBarInner{
height: 5px;
}
#tooltip{
display: none;
position: absolute;
width: 300px;
padding: 5px;
box-shadow: 0 8px 6px -6px black;
text-align: center;
background-color: rgba(0, 0, 0, 0.9);
z-index: 999;
color: white;
font-size: 110%;
}
.awardCount{
color: #bce8f1;
text-shadow: 0 0 4px #27a2ba;
font-size: 110%;
margin: 5px;
}